<!DOCTYPE html>
<html>
<head>
<title>取关用户列表</title>
<#include "/header.html">
	<style>
		th, td {
			text-align: center;
		}
	</style>
</head>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList">
		<div class="grid-btn" style="height:34px;">
			<div style="float: left">
				<input style="width: 120px" type="text" class="form-control" v-model="q.userId" @keyup.enter="query" placeholder="用户ID">
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<input style="width: 120px" type="text" class="form-control" v-model="q.nickName" @keyup.enter="query" placeholder="用户名称">
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<input style="width: 120px" type="text" class="form-control" v-model="q.referer" @keyup.enter="query" placeholder="推荐人ID">
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<select style="height: 34px;" id="selectUserGzhList" v-model="q.gzhCode">

				</select>
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<select style="height: 34px;" id="blockStateList" v-model="q.blockState">
					<option value="" >全部</option>
					<option value="0">未拉黑</option>
					<option value="1">已拉黑</option>
				</select>
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<input style="width: 100px" class="form-control" list="brandName" placeholder="品牌" id="brandNames">
				<datalist id="brandName" style="line-height: 10px">

				</datalist>
			</div>
			<p style="float: left">&nbsp;</p>
			<div style="float: left">
				<select style="height: 34px;" id="vipStatusList" v-model="q.vipStatus">
					<option value="" >全部</option>
					<option value="1">会员</option>
					<option value="0">非会员</option>
				</select>
			</div>
			<p style="float: left">&nbsp;</p>
			<a class="btn btn-default" @click="query"><i class="fa fa-search" aria-hidden="true"></i>&nbsp;查询</a>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
		<p style="color: blue; font-size: 14px; font-style: oblique">1、点击 [ 二维码 ] 可以放大图片</p>
		<p style="color: blue; font-size: 14px; font-style: oblique">2、点击 [ 电话号码 ] 可以复制到剪贴板</p>
	</div>
	<!--<div v-show="!showList">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
			<div class="form-group">
				<div class="col-sm-2 control-label">ID</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.id" placeholder="ID" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">用户ID</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.userid" placeholder="用户ID" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">用户名称</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.userName" placeholder="用户名称" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">事件名称</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.eventname" placeholder="事件名称" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">公众号</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.gzhName" placeholder="公众号" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">创建时间</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.createtime" placeholder="创建时间" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">跟进状态</div>
				<div class="col-sm-10">
					<input name="followStatus" type="radio" value="1" v-model="buttonEventInfo.followstatus" disabled />已跟进
					<input name="followStatus" type="radio" value="0" v-model="buttonEventInfo.followstatus" disabled />未跟进
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">跟进人</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.followusername" placeholder="跟进人" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">跟进时间</div>
				<div class="col-sm-10">
					<input type="text" class="form-control" v-model="buttonEventInfo.followtime" placeholder="跟进时间" readonly />
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label">备注</div>
				<div class="col-sm-10">
					<textarea class="form-control" rows="3" v-model="buttonEventInfo.remarks" placeholder="备注"></textarea>
				</div>
			</div>
			<div class="form-group">
				<div class="col-sm-2 control-label"></div>
				<button type="button" class="btn btn-primary" id="followButton" @click="updateFollowStatus()" >跟进</button>
				<button type="button" class="btn btn-warning" @click="cancle()" >返回</button>
			</div>
		</form>
	</div>-->
	</div>
</div>

<div id="userQrcode" style="display: none; text-align: center">
	<img id="userQrcodeUrl" alt="无图片资源" width="450px" height="450px" />
</div>

<script src="${request.contextPath}/statics/js/modules/sys/unsubscribeuser.js?_${.now?long}"></script>
</body>
</html>